home *** CD-ROM | disk | FTP | other *** search
/ Macwelt 1 / Macwelt DVD 1.toast / Web-Publishing / HTML-Editoren / Layout Master 1.0 Installer / tutorial / lm_tutorial.css < prev   
Encoding:
Cascading Style Sheet File  |  2001-06-02  |  7.9 KB  |  446 lines  |  [TEXT/WCSS]
  1. /* Created using Style Master from Western Civilisation CSS1 { 42 491 667 403 } */
  2. body
  3. {background-color: #70bc1f;
  4. font-family: Verdana, Helvetica, Arial, sans-serif}
  5.  
  6. /* This is for the big table that contains all the other tables. */
  7.  
  8. table.maintable
  9. {margin-left:  2%;
  10. margin-right:  2%;
  11. width:  96%}
  12.  
  13. /* This is to make the text in the table appear correctly in Netscape 4.5. */
  14.  
  15. td
  16. {font-family: Verdana, Helvetica, Arial, sans-serif}
  17.  
  18. /* This is for the main section of the table, where the actual text appears. */
  19.  
  20. td.blurb
  21. {background-color: white;
  22. border-bottom:  2px black solid;
  23. border-right:  2px black solid;
  24. border-top:  2px black solid;
  25. padding: 0}
  26.  
  27. td.blurb a:link
  28. {background-color: #9bd355;
  29. color: black;
  30. text-decoration: none}
  31.  
  32. td.blurb a:visited
  33. {background-color: #9bd355;
  34. color: black;
  35. text-decoration: none}
  36.  
  37. td.blurb a:hover
  38. {background-color: #70bc1f;
  39. color: black;
  40. text-decoration: underline}
  41.  
  42. td.blurb a:active
  43. {background-color: #70bc1f;
  44. color: black;
  45. text-decoration: underline}
  46.  
  47. /* This is just for the index page. */
  48.  
  49. td.indexblurb
  50. {background-color: #aed47f;
  51. border-bottom:  2px black solid;
  52. border-right:  2px black solid;
  53. border-top:  2px black solid;
  54. padding: 0}
  55.  
  56. h2 a:link
  57. {background-color: #d6efad;
  58. color: #4d7f10;
  59. font-weight: bold;
  60. text-decoration: none}
  61.  
  62. h2 a:visited
  63. {background-color: #d6efad;
  64. color: #4d7f10;
  65. font-weight: bold;
  66. text-decoration: none}
  67.  
  68. h2 a:hover
  69. {background-color: #d6efad;
  70. color: #4d7f10;
  71. font-weight: bold;
  72. text-decoration: underline}
  73.  
  74. h2 a:active
  75. {background-color: #d6efad;
  76. color: #4d7f10;
  77. font-weight: bold;
  78. text-decoration: underline}
  79.  
  80. h1
  81. {background-color: #4d7f10;
  82. color: #d6efad;
  83. font-size:  1.4em;
  84. font-style: italic;
  85. font-weight: normal;
  86. margin-bottom:  0px;
  87. margin-top:  0px;
  88. padding-bottom:  2px;
  89. padding-right:  1em;
  90. padding-top:  2px;
  91. text-align: right}
  92.  
  93. h2
  94. {background-color: #d6efad;
  95. border-bottom:  1px #4a7b10 solid;
  96. border-top:  1px #4a7b10 solid;
  97. color: #4a7b10;
  98. font-size:  1.2em;
  99. font-weight: bold;
  100. padding-left:  1em}
  101.  
  102. h3
  103. {background-color: #d6efad;
  104. border-bottom:  1px #4a7b10 solid;
  105. border-top:  1px #4a7b10 solid;
  106. color: #4a7b10;
  107. font-size:  1em;
  108. padding-left:  1.5em}
  109.  
  110. h4
  111. {background-color: #d6efad;
  112. border-bottom:  1px #4a7b10 solid;
  113. border-top:  1px #4a7b10 solid;
  114. color: #4a7b10;
  115. font-size:  1.1em;
  116. font-weight: bold;
  117. padding-left:  2em}
  118.  
  119. h5
  120. {background-color: #d6efad;
  121. border-bottom:  1px #4a7b10 solid;
  122. border-top:  1px #4a7b10 solid;
  123. color: #4a7b10;
  124. font-size:  1em;
  125. font-weight: bold;
  126. padding-left:  2.5em}
  127.  
  128. h6
  129. {background-color: #d6efad;
  130. border-bottom:  1px #4a7b10 solid;
  131. border-top:  1px #4a7b10 solid;
  132. color: #4a7b10;
  133. font-size:  1em;
  134. font-weight: normal;
  135. padding-left:  3em}
  136.  
  137. p
  138. {margin-left:  2em;
  139. margin-right:  2em}
  140.  
  141. a:link, a:visited
  142. {background-color: #d6efad;
  143. color: #4a7b10;
  144. font-weight: bold;
  145. text-decoration: none}
  146.  
  147. a:hover, a:active
  148. {background-color: #d6efad;
  149. color: #4a7b10;
  150. font-weight: bold;
  151. text-decoration: underline}
  152.  
  153. /* This is all for the navigation panels at the top of the table. */
  154.  
  155. td.top
  156. {background-color: #9bd355;
  157. border-left:  1px black solid;
  158. border-right:  1px black solid;
  159. border-top:  2px black solid;
  160. height:  3em;
  161. text-align: center;
  162. width:  16.66%}
  163.  
  164. td.topright
  165. {background-color: #9bd355;
  166. border-left:  1px black solid;
  167. border-right:  2px black solid;
  168. border-top:  2px black solid;
  169. height:  3em;
  170. padding-left:  3px;
  171. padding-right:  3px;
  172. text-align: center;
  173. width:  16.66%}
  174.  
  175. td.topleft
  176. {background-color: #9bd355;
  177. border-left:  2px black solid;
  178. border-right:  1px black solid;
  179. border-top:  2px black solid;
  180. height:  3em;
  181. text-align: center;
  182. width:  16.66%}
  183.  
  184. td.top a:link
  185. {color: black;
  186. font-weight: bold;
  187. text-decoration: none}
  188.  
  189. td.top a:visited
  190. {color: black;
  191. font-weight: bold;
  192. text-decoration: none}
  193.  
  194. td.top a:hover
  195. {color: black;
  196. font-weight: bold;
  197. text-decoration: underline}
  198.  
  199. td.top a:active
  200. {color: black;
  201. font-weight: bold;
  202. text-decoration: underline}
  203.  
  204. td.topright a:link
  205. {color: black;
  206. font-weight: bold;
  207. text-decoration: none}
  208.  
  209. td.topright a:visited
  210. {color: black;
  211. font-weight: bold;
  212. text-decoration: none}
  213.  
  214. td.topright a:hover
  215. {color: black;
  216. font-weight: bold;
  217. text-decoration: underline}
  218.  
  219. td.topright a:active
  220. {color: black;
  221. font-weight: bold;
  222. text-decoration: underline}
  223.  
  224. /* This is for all the navigation panels at the side of the table. */
  225.  
  226. td.side
  227. {background-color: #d4eeaf;
  228. border-bottom:  2px black solid;
  229. padding-right:  3px;
  230. text-align: right}
  231.  
  232. td.emptyside
  233. {background-color: #d4eeaf;
  234. border-bottom:  2px black solid;
  235. border-left:  2px black solid;
  236. border-right:  2px black solid;
  237. border-top:  2px black solid;
  238. padding-top:  5px}
  239.  
  240. table.sidetable
  241. {height:  20em}
  242.  
  243. td.side a:link
  244. {color: black;
  245. font-weight: bold;
  246. text-decoration: none}
  247.  
  248. td.side a:visited
  249. {color: black;
  250. font-weight: bold;
  251. text-decoration: none}
  252.  
  253. td.side a:hover
  254. {color: black;
  255. font-weight: bold;
  256. text-decoration: underline}
  257.  
  258. td.side a:active
  259. {color: black;
  260. font-weight: bold;
  261. text-decoration: underline}
  262.  
  263. /* This is just to make the "webware" logo right justified. */
  264.  
  265. td.webware
  266. {text-align: right}
  267.  
  268. /* This is for the reviews page. */
  269.  
  270. td.blurb .quote
  271. {background-color: #d4eeaf;
  272. margin-left:  5%;
  273. margin-right:  5%;
  274. padding-bottom:  3px;
  275. padding-left:  5px;
  276. padding-right:  5px;
  277. padding-top:  3px}
  278.  
  279. /* This is for the hands-on tutorial and the manual. */
  280.  
  281. p.navigation-bar
  282. {background-color: #9bd355;
  283. border:  2px black solid;
  284. text-align: center}
  285.  
  286. /* manual stuff */
  287.  
  288. .explanation
  289. {}
  290.  
  291. .element
  292. {font-weight: bold}
  293.  
  294. .attribute
  295. {font-weight: bold}
  296.  
  297. .attribute-value
  298. {font-weight: bold}
  299.  
  300. .definition
  301. {font-weight: bold}
  302.  
  303. .summary-heading
  304. {font-weight: bold}
  305.  
  306. .file-name
  307. {font-family: Courier, "Courier New", monospace}
  308.  
  309. #pagecontent
  310. {background-color: white;
  311. border:  1px black solid;
  312. margin-left: auto;
  313. margin-right: auto;
  314. width:  96%}
  315.  
  316. #headline
  317. {margin-left:  2%;
  318. width: auto}
  319.  
  320. .navarrow
  321. {text-align: right}
  322.  
  323. /* Content of the manual */
  324.  
  325. .button
  326. {font-family: Charcoal, "Times New Roman", sans-serif}
  327.  
  328. .example
  329. {background-color: #d6efad;
  330. font-family: Courier, "Courier New", monospace;
  331. margin-left:  2em;
  332. margin-right:  2em}
  333.  
  334. .instruction
  335. {font-family: Courier, "Courier New", monospace;
  336. margin-left:  7.5em}
  337.  
  338. .instruction-intro
  339. {font-weight: bold;
  340. margin-left:  5em}
  341.  
  342. .menu
  343. {font-family: Charcoal, "Times New Roman", sans-serif}
  344.  
  345. .window-item
  346. {font-family: sans-serif, Geneva, Arial;
  347. font-size:  0.9em}
  348.  
  349. .exercise
  350. {background-color: #4d7f10;
  351. color: #ffffff;
  352. font-weight: bold;
  353. margin-left:  2em;
  354. margin-right:  2em;
  355. padding-bottom:  .7em;
  356. padding-left:  1em;
  357. padding-right:  1em;
  358. padding-top:  .7em}
  359.  
  360. .exercise p
  361. {font-size:  .8em;
  362. margin:   0px}
  363.  
  364. .filename
  365. {font-family: Courier, "Courier New", monospace}
  366.  
  367. .figure-label
  368. {font-size:  .8em;
  369. font-weight: bold;
  370. text-align: center}
  371.  
  372. .figure
  373. {text-align: center}
  374.  
  375. /* for the navigation table */
  376.  
  377. table.navigation
  378. {background-color: #d6efad;
  379. border-spacing: 0px;
  380. margin-bottom:  0px;
  381. margin-left:  0%;
  382. margin-right:  0px;
  383. margin-top:  0px;
  384. width:  100%}
  385.  
  386. td.text
  387. {font-size:  .9em;
  388. font-weight: bold;
  389. text-align: center}
  390.  
  391. table.navigation a:link
  392. {background-color: #d6efad;
  393. color: #4a7b10;
  394. text-decoration: none}
  395.  
  396. table.navigation a.current:link
  397. {background-color: #4a7b10;
  398. color: #d6efad;
  399. text-decoration: none}
  400.  
  401. table.navigation a:visited
  402. {background-color: #d6efad;
  403. color: #4a7b10;
  404. text-decoration: none}
  405.  
  406. table.navigation a.current:visited
  407. {background-color: #4a7b10;
  408. color: #d6efad;
  409. text-decoration: none}
  410.  
  411. table.navigation a:hover
  412. {background-color: #4a7b10;
  413. color: #d6efad}
  414.  
  415. table.navigation a:active
  416. {background-color: #4a7b10;
  417. color: #d6efad}
  418.  
  419. a img
  420. {border: none}
  421.  
  422. a:hover img
  423. {background-color: #d6efad;
  424. border: none}
  425.  
  426. a:active img
  427. {background-color: #d6efad;
  428. border: none}
  429.  
  430. /* These are simply to make the link to westciv in the top left of the page not behave in the same way as the links in the navigation bar. */
  431.  
  432. a.westcivimage:link img
  433. {background-color: #70bc1f;
  434. border: none}
  435.  
  436. a.westcivimage:visited img
  437. {background-color: #70bc1f;
  438. border: none}
  439.  
  440. a.westcivimage:hover img
  441. {background-color: #70bc1f;
  442. border: none}
  443.  
  444. a.westcivimage:active img
  445. {background-color: #70bc1f;
  446. border: none}